<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
*{
margin: 0;padding:0;
}
div#top_link {
	width: 100%;
	background: url(<?php echo base_url();?>images/Detail_Info_Suppliers/head_bg.gif) repeat-x;
	height: 30px;
}
div#wrapper {
	margin: 0 auto;
	width: 960px;
	height: 600px;
	border: 1px solid silver;
}
div#top_link a {
	text-decoration: none;
	padding-left: 12px;
	font-size: 19px;
}
div#header {
	background: url(<?php echo base_url();?>images/Detail_Info_Suppliers/header.gif);
	height: 87px;
}
div#header h2 {
	text-align: center;
	padding-top: 20px;
	color: #33517F;
}
div#header ul li{
	list-style: none;
	float: left;
	padding: 10px;
	font-size: 18px;
}
div#header ul li a{
	text-decoration: none;
	font-size: 18px;
}

div#sidebar {
	float: left;
	width: 190px;
	clear: both;
	border: 1px solid silver;
}

#products {
	padding-top: 20px;
}
h3.left_navi {
 	background: url('<?php echo base_url()."images/Detail_Info_Suppliers/left_navi.gif"; ?>');
	padding: 10px;
	color: #33517F;
}
h3.left_navi a {
	color: #33517F;
	text-decoration: none;
}
h3.left_navi a:hover {
	color: gold;
}
#products ul li{
	list-style: none;
	font-size: 16px;
}
#products ul li a{
	text-decoration: none;
	padding: 7px;
}
#products ul li a:hover {
	color: red;
}
div#main_content {
	float: right;
	width: 750px;
	border-bottom: 1px solid silver;
}

div#basic_company_info h2 {
	color: blue;
	
}color: #33517F;
}
h3.left_navi a {
	color: #33517F;
	text-decoration: none;
}
h3.left_navi a:hover {
	color: gold;
}
#products ul li{
	list-style: none;
	font-size: 16px;
}
#products ul li a{
	text-decoration: none;
	padding: 7px;
}
#products ul li a:hover {
	color: red;
}
div#main_content {
	float: right;
	width: 750px;
	border-bottom: 1px solid silver;
}

div#basic_company_info h2 {
	color: blue;
	
}
</style>

</head>
<body>
<div id="top_link">
	<a href="<?php echo base_url();?>index.php/home">Ha Noi Tech Mart</a>
</div>
<div id="wrapper">

	<div id="header">
		<h2>Công ty cổ phần Hà Nội</h2>
		<div id="menu_top">
			<ul id="supplier_menu">
				<li><a href="#">Trang chủ</a></li>
				<li><a href="#">Sản phẩm</a></li>
				<li><a href="#">Liên hệ</a></li>
			</ul>
		</div>

	</div>
	<div id="content">
		<div id="sidebar">
			<div id="search_box">
				<input type="text" />
				<input type="submit" value='Tìm kiếm sản phẩm'/>
			</div>
			<div id="products">
			<h3 class="left_navi"><a href="#">Sản phẩm</a><h3>
			<ul>
			<li><a href="#">Công nghệ thông tin(15)</a></li>
			<li><a href="#">Điện tử viễn thông(10)</a></li>
			<li><a href="#">Cơ khí(3)</a></li>
			</ul>
			</div>
			
				<h3 class="left_navi"><a href="#">Liên hệ</a><h3>
		</div>
		
		<div id="main_content">
			<div id="basic_company_info">
			<h2>Giới thiệu</h2>
			
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nunc massa, consectetur eu consequat in, euismod a elit. Aliquam erat volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec at nisi quis risus vestibulum auctor sed nec ante. Nam arcu est, vestibulum at luctus id, euismod in felis. Nullam ornare sagittis lacus et adipiscing. Morbi tincidunt vulputate arcu, auctor cursus risus dictum eu. Aliquam in felis leo, vel egestas sapien. Aenean neque leo, commodo quis lacinia et, eleifend eu turpis. In elementum dolor at est rutrum tempor. Maecenas sit amet mi nec diam hendrerit blandit euismod eu magna. Vestibulum adipiscing sagittis dolor non vehicula. Duis viverra lorem non dolor tincidunt adipiscing tincidunt ante feugiat. Praesent urna ante, hendrerit in gravida non, adipiscing a est. Nullam in semper nisl. Suspendisse iaculis auctor erat, ut vehicula mauris pulvinar ac.</p>

	
			<h2>Lĩnh vực hoạt động</h2>
			<p>Morbi condimentum adipiscing elit vel gravida. Morbi tristique luctus risus, sed iaculis metus sollicitudin vitae. Praesent fringilla magna risus. Etiam gravida mauris a ligula cursus dapibus. In et metus ante, non varius massa. Sed vitae lectus porta magna ullamcorper scelerisque. Fusce pretium convallis tincidunt. Etiam vel eros lacus, et molestie tellus. Donec suscipit odio non lacus vestibulum mollis. Donec malesuada fringilla ante nec vehicula. Integer fermentum, arcu vel malesuada bibendum, dolor dolor condimentum purus, vel sollicitudin eros magna eget elit. Sed at posuere sapien.</p>
			
			<h2>Qui mô công ty</h2>
			<p>Aenean neque leo, commodo quis lacinia et, eleifend eu turpis. In elementum dolor at est rutrum tempor. Maecenas sit amet mi nec diam hendrerit blandit euismod eu magna. Vestibulum adipiscing sagittis dolor non vehicula. Duis viverra lorem non dolor tincidunt adipiscing tincidunt ante feugiat. Praesent urna ante, hendrerit in gravida non, adipiscing a est. Nullam in semper nisl. Suspendisse iaculis auctor erat, ut vehicula mauris pulvinar ac.</p>
			</div>
	
		</div>
	</div>

</body>
</html>